require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/HeaderMin.css';
import React, {Component} from 'react';
import { Row,Col, Icon, Layout, Menu,Button} from 'antd';
const SubMenu = Menu.SubMenu;
const {Header} = Layout;
//let logo = require("../img/logo.jpg")
import {companyName} from '../sources/in8/zh_cn'
class HeaderMin extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props", this.props);
  }

  render() {
    return (
      <Header className={styles.header} style={{backgroundColor:'white'}}>
        <Row >
          <Col offset={4} span={3}>
            <div style={{position:'relative',top:'-18px',fontSize: '20px',}}>
              <h1>{companyName} </h1>
            </div>
          </Col>

          <Col span={10}>
            <Menu
              theme="light"
              mode="horizontal"
              defaultSelectedKeys={['mail']}
              style={{lineHeight: '75px', fontSize: '20px',backgroundColor:'#white'}}
            >
              <Menu.Item key="index">
                <Icon type="mail"/>首页
                <a href="/"  rel="noopener noreferrer"></a>
              </Menu.Item>

              <Menu.Item key="news">
                <Icon type="mail"/>活动资讯
                <a href="#/news"  rel="noopener noreferrer"></a>
              </Menu.Item>

              <Menu.Item key="product">
                <Icon type="mail"/>产品中心
                <a href="#/product"  rel="noopener noreferrer"></a>
              </Menu.Item>

              <Menu.Item key="recharge">
                <Icon type="mail"/>充值中心
                <a href="#/recharge"  rel="noopener noreferrer"></a>
              </Menu.Item>
            </Menu>
          </Col>
          <Col span={4} style={{height:'100%'}}>
            <Button size="large"><a href="#/login">登入</a> </Button>
            <Button size="large"><a href="#/register">注册</a> </Button>
          </Col>
        </Row>

      </Header>
    );
  }
}
HeaderMin.defaultProps = {};

export default HeaderMin;
